<template>
    
      <div class="common-layout">
    <el-container>
      <el-aside width="200px" >
         <img src="@/assets/logo1.png" alt="">   
         <el-menu  :unique-opened="true" :router="true">        
            <el-menu-item index="/"><el-icon ><Odometer/></el-icon>仪表盘</el-menu-item>
          <el-sub-menu index="/1">             
              <template #title>          
                 <el-icon><Menu/></el-icon>常用设置
              </template>
           <el-menu-item-group>            
              <el-menu-item index="/teacher">教师管理</el-menu-item>
              <el-menu-item index="/student">学生管理</el-menu-item>
              <el-menu-item index="/g">公告管理</el-menu-item>
              <el-menu-item index="x">系统管理</el-menu-item>
              <el-menu-item index="f">判断服务器</el-menu-item>
              </el-menu-item-group>       
           </el-sub-menu>

           <el-sub-menu index="2">             
              <template #title>            
                 <el-icon><Aim/></el-icon>问题
              </template>
           <el-menu-item-group>
              <el-menu-item index="w">问题列表</el-menu-item>
              <el-menu-item index="z">增加题目</el-menu-item>
              <el-menu-item index="d">导入导出题目</el-menu-item>             
              </el-menu-item-group>       
           </el-sub-menu>

            <el-sub-menu index="3">             
              <template #title>            
                 <el-icon><Trophy/></el-icon>比赛&练习
              </template>
           <el-menu-item-group>
              <el-menu-item index="b">比赛列表</el-menu-item>
              <el-menu-item index="c">创建列表</el-menu-item>           
              </el-menu-item-group>       
           </el-sub-menu>

           <el-sub-menu index="4">             
              <template #title>            
                 <el-icon><Collection/></el-icon>课程
              </template>
           <el-menu-item-group>
              <el-menu-item index="couse">课程列表</el-menu-item>
              <el-menu-item index="4-2">创建课程</el-menu-item>           
              </el-menu-item-group>       
           </el-sub-menu>
        </el-menu>
        </el-aside>

      <el-container>
        <el-header class="a">
           <el-icon><Search /></el-icon>
           <el-icon><Share />
           
           </el-icon>
             <el-dropdown>
                 <span >
                     username
                     <el-icon style="color:grey ">
                     <arrow-down />
                     </el-icon>
                  </span>
                  <template #dropdown>
                     <el-dropdown-menu>
                     <el-dropdown-item>logout</el-dropdown-item>      
                     </el-dropdown-menu>
                  </template>
             </el-dropdown>
         </el-header>
        
        <el-main class="b">
            
         <router-view></router-view>
        </el-main>
         
        <el-footer class="b">
           Build Version:20210929bd

          </el-footer>
      </el-container>
    </el-container>
  </div>
</template>
<script>

import {Menu,Odometer,Aim,Trophy,Collection,Search,Share,ArrowDown } from '@element-plus/icons-vue'

export default {
    data(){
        return{
          
        }
    },
    components:{
       Search,
        Aim,
        Menu,
        Trophy,   
        
        Odometer,
        Collection,
        Share,
        ArrowDown

    },
    methods:{
               
    }       
}
</script>
<style>

.a{
    background-color:#F9FAFC;
    text-align: right;
    line-height: 60px;

}
.b{
    background-color:#EDECEC;
    text-align: center;
    line-height: 60px;
}

</style>